<style>
  @import url(../templates/bucket.css);
</style>
<div id="cesiumContainer" class="fullSize"></div>
<div id="loadingOverlay"><h1>Loading...</h1></div>
<div id="toolbar">
  <table>
    <tbody>
      <tr>
        <td>Silhouette</td>
        <td><input type="checkbox" data-bind="checked: silhouette" /></td>
      </tr>
      <tr>
        <td>Black and White</td>
        <td>
          <input type="checkbox" data-bind="checked: blackAndWhiteShow" />
        </td>
        <td>
          <input
            type="range"
            min="1"
            max="10"
            step="1"
            data-bind="value: blackAndWhiteGradations, valueUpdate: 'input'"
          />
        </td>
      </tr>
      <tr>
        <td>Brightness</td>
        <td>
          <input type="checkbox" data-bind="checked: brightnessShow" />
        </td>
        <td>
          <input
            type="range"
            min="0"
            max="1"
            step="0.01"
            data-bind="value: brightnessValue, valueUpdate: 'input'"
          />
        </td>
      </tr>
      <tr>
        <td>Night Vision</td>
        <td>
          <input type="checkbox" data-bind="checked: nightVisionShow" />
        </td>
      </tr>
    </tbody>
  </table>
</div>
